﻿<div>
    <div id="toolbar_rules">
        <div class="btn-group">
            <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                BATCH OP <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                <li><a href="javascript:;" type='disable'>Disable</a></li>
                <li><a href="javascript:;" type='enable'>Enable</a></li>
                <li><a href="javascript:;" type='remove'>Remove</a></li>
            </ul>
        </div>
        <button type="submit" class="btn btn-default" id="add_rule">Add</button>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <div id="rules_search_group" class="pull-right">
            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle type" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Type <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="javascript:;">ALL</a></li>
                    <li><a href="javascript:;">HTML</a></li>
                    <li><a href="javascript:;">XML</a></li>
                    <li><a href="javascript:;">JSON</a></li>
                    <li><a href="javascript:;">JSONP</a></li>
                </ul>
            </div>
            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle status" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Status <span class="caret"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="javascript:;">ALL</a></li>
                    <li><a href="javascript:;">ON</a></li>
                    <li><a href="javascript:;">OFF</a></li>
                </ul>
            </div>
            <input type="text" class="form-control key" style="display: inline-block; width: auto;" placeholder="Search key words">
            <button type="submit" class="btn btn-default rules-search">Search</button>
        </div>


    </div>
    <div id="rules_list">
        <table id="tb_rules" data-toggle="table" data-url="">
            <thead>
                <tr>
                    <th data-checkbox="true" data-width="30px">&nbsp;</th>
                    <th data-field="id" data-switchable="false" data-width="40px">Id</th>
                    <th data-field="domain">Domain</th>
                    <th data-field="expression">Expression</th>
                    <th data-field="url" data-formatter="aFormat">Url</th>
                    <th data-field="type" data-width="60px">Type</th>
                    <th data-field="status" data-width="60px">Status</th>
                    <th data-field="runJs" data-width="60px">RunJs</th>
                    <th data-width="110px" data-formatter="<i title='edit' class='fa fa-edit'></i><i title='edit history' class='fa fa-history'></i>">Actions</th>
                </tr>
            </thead>
        </table>
    </div>
</div>